<header ng-include="'tpl/include/head.html'"></header>
<article class="container">
    <div class="form-group has-feedback">
        <input ng-model="search_txt" class="form-control" type="text"/>
        <span class="form-control-feedback glyphicon glyphicon-search"></span>
    </div>
        <ul class="list-group">
            <li ng-repeat="dish in dishArr" class="list-group-item" ng-click="jump('/detail/'+dish.did)">
                <img ng-src="img/{{dish.img}}" alt="">
                <div class="media">
                    <div class="media-middle text-right">
                        <span>{{dish.name}}</span><img ng-src="img/{{dish.h_img}}" alt="">
                    </div>
                    <div class="media-body">
                        <h3>&#91;{{dish.type}}&#93;</h3>
                        <h3>{{dish.title}}</h3>
                        <p>{{dish.detail}}</p>
                    </div>
                </div>
            </li>
        </ul>
    <button ng-show="isHasMore" class="btn btn-success btn-block" ng-click="loadMore()">加载更多</button>
    <div ng-hide="isHasMore" class="alert alert-danger">
        <span class="glyphicon glyphicon-alert"></span>
        已经没有更多数据了！
    </div>
</article>
